<html xmlns="http://www.w3.org/1999/xhtml">

<style>
@namespace myprefix url(banana);
</style>
<div id="target1" xmlns="banana"></div>
<div id="target2" xmlns="apple"></div>
<div id="target3" xmlns="mango"></div>

<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>

<script>
test(function(){
	var styleSheet = document.styleSheets[0];
    styleSheet.insertRule('@namespace myprefix url("mango");', styleSheet.cssRules.length);
    styleSheet.insertRule('@namespace myprefix url("apple");', 0);
    styleSheet.insertRule('div { background-color: red; }', styleSheet.cssRules.length);
    styleSheet.insertRule('myprefix|div { background-color: green; }', styleSheet.cssRules.length);

    assert_equals(getComputedStyle(document.getElementById('target1')).backgroundColor, 'rgb(255, 0, 0)');
    assert_equals(getComputedStyle(document.getElementById('target2')).backgroundColor, 'rgb(0, 128, 0)');
    assert_equals(getComputedStyle(document.getElementById('target3')).backgroundColor, 'rgb(255, 0, 0)');
}, "If namespace prefix is declated more than once only the last declaration should be used");
</script>
</html>
